<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>上传图片</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<LINK href="<%=path %>/admin/css/admin.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="<%=path %>/admin/js/myJs.js"></script>
	<script type="text/javascript" src="<%=path%>/ckeditor/ckeditor.js"></script>
	<link href="<%=path %>/admin/css/myStyle.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
		input{
			width: 300px;
		}
	</style>
	<!-- uploadify -->
	<link href="<%=path %>/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="<%=path %>/uploadify/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="<%=path %>/uploadify/swfobject.js"></script>
	<script type="text/javascript"src="<%=path %>/uploadify/jquery.uploadify.v2.0.3.js"></script>
	<!--ready事件-->
		<script type="text/javascript">
	$(document).ready(
			function() {
				$("#uploadify").uploadify( {//初始化函数
							'height' : 30,
       						'width' : 110,
							'uploader' : '<%=path %>/uploadify/uploadify.swf',
							//flash文件位置，注意路径
							'script' : 'pictureup_addMorePicture.action',//后台处理的请求
							'cancelImg' : '<%=path %>/uploadify/cancel.png',
							//取消按钮图片
							//'folder' : 'jquery/uploadsFolder',//您想将文件保存到的路径，将auto设置为true里才有用，不然跳到类里去处理，那就那里说了算
							'queueID' : 'fileQueue',//与下面的上传文件列表id对应
							'queueSizeLimit' : 8,//上传文件的数量
							'fileDataName':'file', 
							//'scriptData' : {
								//'a' : 'value1',
								//'b' : 'value2'
							//},//向后台传的数据
							'fileExt' :'*.jpg;*.bmp;*.png;*.gif;*.jpeg', //控制可上传文件的扩展名，启用本项时需同时声明fileDesc
							'fileDesc' : 'jpg、bmp、png、jpeg文件',//上传文件类型说明
							//'method' : 'get',//如果向后台传输数据，必须是get
							'sizeLimit':1024000,//文件上传的大小限制，单位是字节
							'auto' : false,//是否自动上传
							'multi' : true,
							//一次性最多允许上传多少个,不设置的话默认为999个  
                 			 'queueSizeLimit' : 5, 
							//'simUploadLimit' : 3,//同时上传文件的数量，设置了这个参数后，那么你会
													//因设置multi:true和queueSizeLimit：8而可以多选8个文件，但如果一旦你将simUploadLimit也设置了，
													//那么只会上传这个参数指定的文件个数，其它就上传不了
							'buttonText' : '选择文件',//按钮上的文字
							'onComplete' : function(event, queueID, fileObj,serverData, data) {//当上传完成后的回调函数，ajax方式哦~~
								
							},
							'onAllComplete':function(event,data) {  
                        //当所有文件上传完成后的操作  
                        $("#cancelBtn").hide();  
                        if(data.errors==0){  
                            $("#allShow").append("所有文件已上传成功(本次共上传"+data.filesUploaded+"个),上传总大小:"+data.allBytesLoaded+"字节,平均传输速度："+data.speed+"KB/s");  
                        }else{  
                            $("#allShow").append("成功上传"+data.filesUploaded+"个文件，失败"+data.errors+"个,上传总大小:"+data.allBytesLoaded+"字节,平均传输速度："+data.speed+"KB/s");  
                        }  
                  }, 
							'onQueueFull': function (event,queueSizeLimit) {  
                       				 //当添加待上传的文件数量达到设置的上限时的操作  
                     			   $("#full").append("<font color='red'><b>已经达到上传数量限制了,不能再添加了</b></color><br/>");  
                     			   $("#full").show();  
                       			  return false;  
               				   }, 
						});
			});
</script>
  </head>
  
  <body>
   <TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
  <TR height=20>
    <TD></TD></TR>
  <TR height=22>
    <TD style="PADDING-LEFT: 20px; FONT-WEIGHT: bold; COLOR: #ffffff" 
    align="center" background="<%=path %>/admin/images/title_bg2.jpg">上传图片</TD></TR>
  <TR bgColor=#ecf4fc height=12>
    <TD></TD></TR>
  <TR height=20>
    <TD></TD></TR></TABLE>
  
<TABLE cellSpacing=0 cellPadding=2 width="95%" align=center border=0>
	<tr>
		<td colspan="2" align="left" style="padding-left: 45px;">
			<div id="full"></div>  
    		 <div id="allShow"></div>  
			<div><font color="red">请注意文件类型，只能是jpg、bmp、png、jpeg文件,如不能批量上传，请切换浏览器</font></div>
		</td>
	</tr>
    <TR>
    <TD align=right width=100>图片地址：</TD>
    <TD style="COLOR: #880000">
    	<div id="full"></div>  
    	 <div id="allShow"></div>  
    	<div id="fileQueue"><input  type="file" name="file" id="uploadify"/></div>
   	<span style="color:red">  <s:fielderror></s:fielderror></span>
   	</TD>
    </TR>	
    
    <tr align="left">
		<td colspan="2" align="left" style="padding-left:50px;">
			<button type="button" class="allDelete" onclick="jQuery('#uploadify').uploadifyUpload()">上传图片</button>
			<button type="button" class="allDelete"  onclick="history.go(-1);">返回</button>
		</td>
	</tr>
    
 </TABLE>

  </body>
</html>
